<ion-view ng-controller="city">
	<ion-header-bar class="bar-stable hotelbar">
      	<span class="back"><a href="#"><span class="ion-chevron-left" style="font-size: 24px;"></span></a></span>
      	<span class="title" >选择城市</span>
	</ion-header-bar>
	<ion-content>
		<div class="select">
			<input type="text"  ng-model="$parent.cityName" ng-change="inp()" placeholder="请输入城市名称"/>
			<span class="ion-close-circled" ng-click="inpEmpty()" style="display: {{close ? 'inline-block' : 'none'}};"></span>
			<div class="current"><span>当前定位城市</span><br /><span><span>郑  州</span></span></div>
		</div>
		<div class="history">
			<span>历史选择城市</span>
			<div>
				<span>阿坝</span>
				<span>郑州</span>
				<span>上海</span>
			</div>
		</div>
		<div class="cityList">
			<ion-list>
				<div ng-repeat="c in cityarr" id="city_{{c}}">
					<p class="tag" ng-click="close()">{{c}} <i class="ion-chevron-right"></i></p>
					<ion-item class='item' ng-repeat="city in cities | filter:cityName" ng-if="city.pinyin[0]==c">{{city.name}}</ion-item>
				</div>
			</ion-list>
		</div>
	</ion-content>
		<div class="side">
			<span ng-repeat="c in cityarr" ng-click="mTouch('{{c}}')">{{c}}</span>
		</div>
		<div class="middle" ng-show="showMiddle">
        {{hint}}
    	</div>
</ion-view>